<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<!--头部导航栏-->
<header th:fragment="top">
    <section class="Topmenubg">
        <div class="Topnav">
            <div class="LeftNav">
                <a th:href="@{/register}" th:if="${session.User==null}" class="Font14">注册</a>
                <a th:href="@{/login.html}" th:if="${session.User==null}" class="Font14">登录</a>
                <a href="#" class="Font16" th:if="${session.User}" style="color: #00ac40">[[${session.User}]]</a>
                <a th:href="@{/user/logout}" th:if="${session.User}">退出登录</a>
                <a href="#">微信客服</a><a href="#">手机客户端</a>
            </div>
            <div class="RightNav">
                <a th:href="@{/user_center/{name}(name=${session.User})}">用户中心</a>
                <a th:href="@{/order/history(username=${session.User})}" target="_blank" title="我的订单">我的订单</a>
                <a th:href="@{/cartList(username=${session.User})}">我的购物车</a> <a th:href="@{/user_favorites.html}" target="_blank" title="我的收藏">我的收藏</a>
            </div>
        </div>
    </section>
    <div class="Logo_search">
        <div class="Logo">
            <img th:src="@{/images/logo.jpg}" title="DeathGhost" alt="模板">
            <i></i>
            <span>西安市 [ <a href="#">莲湖区</a> ]</span>
        </div>
        <div class="Search">
            <form method="get" id="main_a_serach" onsubmit="return check_search(this)">
                <div class="Search_nav" id="selectsearch">
                    <a href="javascript:;" onClick="selectsearch(this,'restaurant_name')" class="choose">餐厅</a>
                    <a href="javascript:;" onClick="selectsearch(this,'food_name')">食物名</a>
                </div>
                <div class="Search_area">
                    <input type="search" id="fkeyword" name="keyword" placeholder="请输入您所需查找的餐厅名称或食物名称..." class="searchbox" />
                    <input type="submit" class="searchbutton" value="搜 索" />
                </div>
            </form>
            <p class="hotkeywords"><a href="#" title="酸辣土豆丝">酸辣土豆丝</a><a href="#" title="这里是产品名称">螃蟹炒年糕</a><a href="#" title="这里是产品名称">牛奶炖蛋</a><a href="#" title="这里是产品名称">芝麻酱凉面</a><a href="#" title="这里是产品名称">滑蛋虾仁</a><a href="#" title="这里是产品名称">蒜汁茄子</a></p>
        </div>
    </div>
    <nav class="menu_bg">
        <ul class="menu">
            <li><a th:href="@{/index.html}">首页</a></li>
            <li><a th:href="@{/shop_list.html}">订餐</a></li>
            <li><a th:href="@{/category.html}">积分商城</a></li>
            <li><a th:href="@{/about.html}">关于我们</a></li>
        </ul>
    </nav>
</header>


<!--用户信息侧边导航栏-->
<nav class="U-nav Font14 FontW" th:fragment="nav_user">
    <ul>
        <li><i></i><a th:href="@{/user_center/{name}(name=${session.User})}">用户中心首页</a></li>
        <li><i></i><a th:href="@{/cartList(username=${session.User})}">我的购物车</a></li>
        <li><i></i><a th:href="@{/order/history(username=${session.User})}">历史订单</a></li>
        <li><i></i><a th:href="@{/user_coupon.html}">我的优惠卷</a></li>
        <li><i></i><a th:href="@{/user_message.html}">我的留言</a></li>
        <li><i></i><a th:href="@{/user_favorites.html}">我的收藏</a></li>
        <li><i></i><a th:href="@{/user/update/{name}(name=${session.User})}">账户管理</a></li>
        <li><i></i><a th:href="@{/user/logout}">安全退出</a></li>
    </ul>
</nav>


<!--底部栏-->
<footer th:fragment="last">
    <section class="Otherlink">
        <aside>
            <div class="ewm-left">
                <p>手机扫描二维码：</p>
                <img th:src="@{/images/Android_ico_d.gif}">
                <img th:src="@{/images/iphone_ico_d.gif}">
            </div>
            <div class="tips">
                <p>客服热线</p>
                <p><i>1830927**73</i></p>
                <p>配送时间</p>
                <p><time>09：00</time>~<time>22:00</time></p>
                <p>网站公告</p>
            </div>
        </aside>
        <section>
            <div>
                <span><i class="i1"></i>配送支付</span>
                <ul>
                    <li><a href="article_read.html" target="_blank" title="标题">支付方式</a></li>
                    <li><a href="article_read.html" target="_blank" title="标题">配送方式</a></li>
                    <li><a href="article_read.html" target="_blank" title="标题">配送效率</a></li>
                    <li><a href="article_read.html" target="_blank" title="标题">服务费用</a></li>
                </ul>
            </div>
            <div>
                <span><i class="i2"></i>关于我们</span>
                <ul>
                    <li><a href="article_read.html" target="_blank" title="标题">招贤纳士</a></li>
                    <li><a href="article_read.html" target="_blank" title="标题">网站介绍</a></li>
                    <li><a href="article_read.html" target="_blank" title="标题">配送效率</a></li>
                    <li><a href="article_read.html" target="_blank" title="标题">商家加盟</a></li>
                </ul>
            </div>
            <div>
                <span><i class="i3"></i>帮助中心</span>
                <ul>
                    <li><a href="article_read.html" target="_blank" title="标题">服务内容</a></li>
                    <li><a href="article_read.html" target="_blank" title="标题">服务介绍</a></li>
                    <li><a href="article_read.html" target="_blank" title="标题">常见问题</a></li>
                    <li><a href="article_read.html" target="_blank" title="标题">网站地图</a></li>
                </ul>
            </div>
        </section>
    </section>
    <div class="copyright">© 版权所有 2016 DeathGhost 技术支持：<a href="http://www.deathghost.cn" title="DeathGhost">DeathGhost</a></div>
</footer>